@import './variables.scss';
@import './mixin.scss';
@import './transition.scss';
@import './element-ui.scss';
@import './sidebar.scss';

body {
  height: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
}

label {
  font-weight: 700;
}

html {
  height: 100%;
  box-sizing: border-box;
  background-color: #f3f5f9;
}


#app {
  height: 100%;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

a:focus,
a:active {
  outline: none;
}

a,
a:focus,
a:hover {
  cursor: pointer;
  color: inherit;
  text-decoration: none;
}

div:focus {
  outline: none;
}

.clearfix {
  &:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
  }
}

// main-container global css
.app-container {
  padding: 20px;
}

/*定义滚动条高宽及背景
 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {
  width: 0;
  height: 5px;
  background-color: #F5F5F5;
}

/*定义滚动条轨道
 内阴影+圆角*/
::-webkit-scrollbar-track {

  border-radius: 10px;
  background-color: #F5F5F5;
}

/*定义滑块
 内阴影+圆角*/
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #555;
}

.customer-tree-box {
  .el-tree-node {
    margin: 2px 0 !important;

    .is-focusable {
      position: relative;

      &::before {
        content: '';
        display: inline-block;
        position: absolute;
        left: 6px;
        border-left: #e5e7ec solid 1px;
        height: calc(100% + 3px);

        &:last-child {
          border-left: none !important;
        }
      }

      margin: 2px 0 !important;

      .el-tree-node {
        .el-tree-node__children {
          margin: 2px 0 !important;

          .el-tree-node {
            .el-tree-node__content {
              .el-tree-node__expand-icon {
                display: none;
              }

              .el-tree-node__label {
                margin-left: 0px;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                width: 131px;
              }
            }
          }
        }
      }
    }
  }

  .el-tree-node {
    .el-tree-node {
      .el-tree-node {
        position: relative;

        &::before {
          content: '';
          display: inline-block;
          position: absolute;
          left: 26px;
          border-left: #e5e7ec solid 1px;
          height: calc(100% + 3px);
        }
      }
    }
  }
}

.el-tree-node__expand-icon {
  color: #1989fa !important;
  font-size: 15px;
}
